<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字视差</title>
</head>
<body>
  <h1>文字视差</h1>
  <style>
    body{
      padding: 50vh 0;
      text-align: center;
      font-size: 2.5em;
    }
    h1{
      /*设置从上到下渐变*/
      /*center center：这部分指定了背景图像的对齐方式*/
      /*100vw 100vh：设置背景图像的尺寸*/
      background: linear-gradient(to bottom, #fe4e00 50%, #0be4cb 50%) center  center/100vw 100vh fixed;
      /*文字透明*/
      color: transparent;
      /*将背景图像或颜色裁剪为文本的形状，使背景仅在文本部分显示*/
      -webkit-background-clip: text;
      /*为文本添加描边*/
      -webkit-text-stroke: 2px #3e90f7;
    }
  </style>
</body>
</html>